<div class="panel-body-content">
    <ol class="breadcrumb">
        <li>系统管理</li>
        <li class="active">状态报告查询</li>
    </ol>
</div>
<div class="page page-table" data-ng-controller="ListSysReceiptCtrl">
    <section class="panel panel-default table-dynamic">
        <div class="panel-heading"><strong><span class="glyphicon glyphicon-th"></span> 状态报告查询</strong></div>
        <div class="panel-body">
            <div class="table-filters">
                <div class="row">
                    <div class="col-md-1 col-xs-12 pull-right" style="width:109px;">
                        <a href="javascript:;" ng-click="search()" class="btn-icon btn-icon-sm bg-info"><span class="glyphicon glyphicon-search"></span></a>
                        <a href="javascript:;" ng-click="" class="btn-icon btn-icon-sm bg-success"><span class="glyphicon glyphicon-plus-sign"></span></a>
                        <a href="javascript:;" ng-click="refresh()" class="btn-icon btn-icon-sm bg-danger"><span class="glyphicon glyphicon-refresh"></span></a>
                    </div>

                        <div class="col-md-10 pull-right">
                            <div class="col-md-2 pull-right">
                                <div class="form-group">
                                    <div class="col-md-5 text-right">
                                        <label class="search-label">状态：</label>
                                    </div>
                                    <div class="ui-select" style="width:70px;">
                                        <select id="status" name="status" ng-model="filter.status" ng-options="opt.k as opt.t for opt in opts.statusOpts" style="width:100%;min-width:0px;"></select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-5 pull-right">
                                <div class="form-group">
                                    <div class="col-md-3 text-right">
                                        <label class="search-label">起止时间：</label>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group ui-datepicker">
                                            <input type="text" ng-model="filter.receive_at" placeholder="开始时间" class="form-control" is-open="start_date" ng-click="openDatepicker($event,'start_date')" datepicker-options="$root.dateOpts" datepicker-popup="yyyy-MM-dd" current-text="今天" clear-text="清空" close-text="关闭"/>
                                            <span class="input-group-addon" ng-click="openDatepicker($event,'start_date')"><i class="glyphicon glyphicon-calendar"></i></span>
                                        </div>
                                    </div>
                                    <div class="col-md-1 text-center"><label class="search-label">至</label></div>
                                    <div class="col-md-4">
                                        <div class="input-group ui-datepicker">
                                            <input type="text" ng-model="filter.create_at" placeholder="结束时间" class="form-control" is-open="end_date" ng-click="openDatepicker($event,'end_date')" datepicker-options="$root.dateOpts" datepicker-popup="yyyy-MM-dd" current-text="今天" clear-text="清空" close-text="关闭"/>
                                            <span class="input-group-addon" ng-click="openDatepicker($event,'end_date')"><i class="glyphicon glyphicon-calendar"></i></span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 pull-right">
                                <div class="form-group">
                                    <div class="col-md-5 text-right">
                                    <label class="search-label">手机号码：</label>
                                </div>
                                <div class="col-md-7">
                                    <input id="mobile" name="mobile" type="text" class="form-control" value="" ng-model="filter.mobile">
                                </div>
                                </div>
                          </div>
                        </div>
                    </div>
                </div>
            </div>
            <table class="table table-bordered table-striped table-responsive">
                <thead>
                <tr>
                    <th style="width:75px">
                        <div class="th">手机号码</div>
                    </th>
                    <th>
                        <div class="th">通道供应商</div>
                    </th>
                    <th style="width:40px">
                        <div class="th">状态</div>
                    </th>
                    <th style="width:140px">
                        <div class="th">接受时间</div>
                    </th>
                    <th style="width:140px">
                        <div class="th">回执时间</div>
                    </th>
                    <th style="width:60px">
                        <div class="th">操作</div>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="text-center text-size-12" data-ng-repeat="store in stores" ng-if="stores.length>0">
                    <td>{{store.mobile}}</td>
                    <td >{{store.gateway}}</td>
                    <td>
                        <span ng-show="{{store.status==1}}" class="text-success">√</span>
                        <span ng-show="{{store.status==0}}" class="text-danger">×</span>
                    </td>
                    <td>{{store.receive_at}}</td>
                    <td>{{store.create_at}}</td>
                    <td>
                        <span class="text-success"><a href="javascript:;" ng-click="view(store.id)">详情</a></span>
                    </td>
                </tr>
                <tr class="text-center" ng-if="stores.length==0">
                    <td colspan="8" ng-bind="loadTip"></td>
                </tr>
                </tbody>
            </table>
            <footer class="table-footer">
                <div class="row">
                    <div class="col-md-6 page-num-info">
                    <span>
                        每页显示
                            <select ng-model="pager.size" ng-options="opt for opt in pager.sizeOpts" ng-change="pager.onChangeSize()"></select>
                        条共 {{pager.total()}} 页，共 {{pager.records}} 条数据
                    </span>
                    </div>
                    <div class="col-md-6 text-right pagination-container">
                        <pagination class="pagination-sm"
                            ng-model="pager.page"
                            total-items="pager.records"
                            max-size="pager.maxSize"
                            ng-change="pager.onChange(pager.page)"
                            items-per-page="pager.size"
                            rotate="false"
                            previous-text="上一页" next-text="下一页"
                            first-text="首页" last-text="末页"
                            boundary-links="true">
                        </pagination>
                    </div>
                </div>
            </footer>
        </div>
    </section>
</div>



